﻿<!doctype html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录</title>
<link rel="stylesheet" type="text/css" th:href="@{/static/css/styles.css}">
	<style>
		.logo{text-align: center;padding:20px 0;}
		.logo img{height:40px;}
	</style>
</head>
<body>
<div class="htmleaf-container">
	<div class="wrapper">
		<div class="container">
			<!--<h1>Welcome</h1>-->
			<div class="logo">
				<img src="/static/img/logo_alpha_fff.png" alt="">
			</div>
			<div style="color:#fff;font-size:18px;font-weight: bold;">卓恩寝居询报价系统</div>
			<form class="form" method="post" action="/web/user/login">
				<span style="color: red" th:text="${msg}"></span>
				<input type="text" name="account" placeholder="请输入账号" value="user1">
				<input type="password" name="password" placeholder="请输入密码" value="123456">
				<button type="submit" id="login-button">登录系统</button>
			</form>
		</div>
		
		<ul class="bg-bubbles">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
</div>

<script th:src="@{/static/js/jquery-2.1.1.min.js}" type="text/javascript"></script>
<script>
// $('#login-button').on('click', function (event) {
// 	event.preventDefault();
// 	$('form').fadeOut(500);
// 	$('.wrapper').addClass('form-success');
// 	setTimeout(function() {
// 		$('form').attr('action', '/web/user/login');
// 		$('form').submit();
// 	}, 1000);
// });
</script>


</body>
</html>